<section class="landing-block landing-block-node-bgimg u-bg-overlay g-bg-black-opacity-0_7--after g-bg-img-hero g-pt-100 g-pb-100"
		style="background-image: url(https://cdn.bitrix24.site/bitrix/images/landing/business/1400x773/img1.jpg);">
	<div class="u-bg-overlay__inner">
		<div class="container">
			<!-- Products Block -->
			<div class="row">
				<div class="col-md-6 col-lg-4">
					<!-- Article -->
					<article class="landing-block-node-leftblock js-animation fadeInLeft u-shadow-v19 g-bg-primary">
						<!-- Article Image -->
						<img class="landing-block-node-leftblock-img w-100"
							 src="https://cdn.bitrix24.site/bitrix/images/landing/business/1200x811/img1.jpg"
							 alt="">
						<!-- End Article Image -->

						<!-- Article Content -->
						<div class="g-py-40 g-px-35">
							<h6 class="landing-block-node-leftblock-subtitle landing-semantic-subtitle-small text-uppercase g-font-weight-700 g-mb-15 g-color-white">
								In total we collected
							</h6>
							<h3 class="landing-block-node-leftblock-title landing-semantic-subtitle-medium d-block g-line-height-1_2 g-letter-spacing-minus-2 g-font-size-46 g-color-white">
								$8 789 576.00
							</h3>
							<div class="landing-block-node-leftblock-text landing-semantic-text-medium g-mb-35">
								<p>Runc ullamcorper, justo a iaculis
									elementum,
									enim orci viverra eros, fringilla porttitor lorem eros vel odio gravida sollicitudin
									tortor.</p>
							</div>
							<a class="landing-block-node-leftblock-button landing-semantic-link-image-medium g-valign-middle btn text-uppercase g-btn-black rounded-0 g-btn-size-md g-btn-type-solid g-width-100x"
							   href="#">
								Donate Now
							</a>
						</div>
						<!-- End Article Content -->
					</article>
					<!-- End Article -->
				</div>

				<div class="landing-block-node-rightblock js-animation fadeInRight col-md-6 col-lg-8 g-py-20">
					<div class="g-color-white g-mb-45">
						<h4 class="landing-block-node-subtitle landing-semantic-subtitle-medium-primary text-uppercase g-font-weight-700 g-font-size-26 g-color-primary mb-0">
							We make world better</h4>
						<h2 class="landing-block-node-title landing-semantic-title-image-medium text-uppercase g-color-white g-font-weight-700 g-font-size-46 g-mb-30">
							Let's do this together</h2>
						<div class="landing-block-node-text landing-semantic-text-image-medium">
							<p class="mb-0">Aenean bibendum purus eu nisi pulvinar venenatis vitae non velit. Sed et
								eleifend mi. Fusce dictum orci libero, congue scelerisque lectus pulvinar eu.
								Suspendisse pulvinar facilisis ligula vel pharetra. Vestibulum volutpat porttitor ex a
								rutrum. Aenean consectetur risus ultricies enim finibus lobortis non at ipsum.</p>
						</div>
					</div>

					<!-- Icon Blocks -->
					<div class="row g-mb-90">
						<div class="landing-block-node-card col-md-6  col-lg-6 g-mb-30">
							<!-- Icon Blocks -->
							<div class="media g-mb-25">
								<div class="d-flex align-self-center g-mr-5">
                        <span class="landing-block-node-card-icon-container d-block g-color-primary g-font-size-38">
                          <i class="landing-block-node-card-icon icon-education-024"></i>
                        </span>
								</div>

								<div class="media-body align-self-center">
									<h6 class="landing-block-node-card-title landing-semantic-subtitle-image-small text-uppercase g-font-weight-700 g-color-white mb-0">
										Education</h6>
								</div>
							</div>

							<div class="landing-block-node-card-text landing-semantic-text-image-medium g-color-gray-dark-v5">
								<p class="mb-0">Quisque rhoncus euismod pulvinar. Nulla non arcu at lectus. Vestibulum
									fringilla velit rhoncus euismod rhoncus turpis. Mauris molestie ullamcorper nisl
									eget
									hendrerit.</p>
							</div>
							<!-- End Icon Blocks -->
						</div>

						<div class="landing-block-node-card col-md-6 col-lg-6 g-mb-30">
							<!-- Icon Blocks -->
							<div class="media g-mb-25">
								<div class="d-flex align-self-center g-mr-5">
                        <span class="landing-block-node-card-icon-container d-block g-color-primary g-font-size-38">
                          <i class="landing-block-node-card-icon icon-medical-004"></i>
                        </span>
								</div>

								<div class="media-body align-self-center">
									<h6 class="landing-block-node-card-title landing-semantic-subtitle-image-small text-uppercase g-font-weight-700 g-color-white mb-0">
										Health</h6>
								</div>
							</div>

							<div class="landing-block-node-card-text landing-semantic-text-image-medium g-color-gray-dark-v5">
								<p class="mb-0">Integer accumsan maximus leo, et consectetur metus vestibulum in.
									Vestibulum
									viverra justo odio purus a libero luctus. Proin tempor dolor ac dolor feugiat,
									placerat
									malesuada.</p>
							</div>
							<!-- End Icon Blocks -->
						</div>
					</div>
					<!-- End Icon Blocks -->

					<div class="clearfix text-uppercase g-color-white g-font-size-11">
						<div class="landing-block-node-label-right landing-semantic-text-image-small float-right">Our Goal:
							<span style="font-weight: bold; color:#f5f219 !important">$15 500 000</span>
						</div>
						<div class="landing-block-node-label-left landing-semantic-text-image-small">
							Time left: <span style="font-weight: bold; color:#f5f219 !important">365</span> Days
						</div>
					</div>
				</div>
			</div>
			<!-- End Products Block -->
		</div>
	</div>
</section>
